import React, { Component, createRef } from "react";
//  createRef是用来做非受控组件
// 交由react来控制的做法叫做非受控组件

class App extends Component {
  // constructor() {
  //   super();
  //   // createRef执行返回的是一个引用地址
  //   this.ipt = createRef();
  // }

  ipt = createRef();
  ipt2 = createRef();

  handleClick = () => {
    console.log(this.ipt.current.value);
    console.log(this.ipt2.current.value);
  };

  render() {
    return (
      <>
        <h3>非受控组件</h3>
        {/* defaultValue可以作为非受控组件的初始值 */}
        <input type="text" ref={this.ipt} defaultValue="4" />
        <input type="text" ref={this.ipt2} defaultValue="3" />
        <button onClick={this.handleClick}>btn</button>
      </>
    );
  }
}

export default App;
